a,
img {
	-webkit-touch-callout: none;
	/* 禁止长按链接与图片弹出菜单 */
}

p,
span,
strong {
	font-size: .3rem
}

* {
	margin: 0;
	/* font-family:'CTjianheiti2c161b1a8f1e496'; */
	/*font-family:'ruibo2c18dd6b031e496';*/
}
strong{
	font-family: '黑体';
	font-weight: 100;
	    color: #484646;
		font-size: .2rem;
}
body {
	background-image: url(../img/bg.jpg);
	background-size: 100%;
	background-repeat: no-repeat;
	
}

.box {
	position: relative;
	
	padding: 1.2rem 0 0 0;
	width: 90%;
	margin: 0 auto;
	line-height: .45rem;
}

.box2 {
	position: relative;
	height: 3.87rem;
	margin-top: 2.5rem;
	text-indent: .6rem;
	text-align: justify;
}

.box3 {
	position: relative;
	height: 2.71rem;
}

.box4 {
    position: relative;
    height: 6rem;
}

.box5 {
	position: relative;
	/* height: 8.06rem; */
}

.box6 {
	    position: relative;
	    height: 3.6rem;
}
.box7 {
	    position: relative;
	    height: 8rem;
}

.tip {}

.tips {
	font-size: .35rem;
	display: block;
	text-align: center;
	background-image: url(../img/DM_20211130133749_003.png);
	background-position: 77% 79%;
	background-size: 100%;
	letter-spacing: .3rem;
}

.sp {
	display: block;
	background-image: url(../img/sp.png);
	background-repeat: no-repeat;
	background-size: 5.25rem 4.88rem;
}

.arrow {
	margin: 0 auto;
	animation: down .6s ease-in-out alternate infinite;
	margin-top: 4rem;

	width: 0.71rem;
	height: 0.42rem;
	background-position: 3.96476% 95.96413%;


}

@keyframes down {
	0% {
		transform: translateY(0)
	}

	100% {
		transform: translateY(.2rem)
	}
}

.m {
	     width: 2.5rem;
	     display: block;
	     margin: 0 auto;
	     position: absolute;
	     left: .7rem;
	     top: 2.5rem;
}

.img1 {
    width: 2rem;
    margin-left: 54%;
    margin-top: 1.2rem;
}

.img2 {
  width: 2rem;
      margin-left: 46%;
      margin-top: -.4rem;
}

.img3 {
    width: .6rem;
    left: 1rem;
    position: absolute;
    top: 4.5rem;
    animation: down .6s cubic-bezier(1, 0.44, 1, 1) alternate infinite;
}

.img4 {
    width: .6rem;
    left: 1.8rem;
    position: absolute;
    top: 5rem;
    animation: down .6s cubic-bezier(0.4, 0, 1, 0.6) alternate infinite;
}

.img5 {
    width: .6rem;
    left: .4rem;
    position: absolute;
    top: 5.2rem;
    animation: down .6s cubic-bezier(0.17, -0.01, 1, 1) alternate infinite;
}

.img6 {
	width: .6rem;
	left: .2rem;
	position: absolute;
	top: 3.5rem;
	animation: down .6s cubic-bezier(0.17, -0.01, 1, 1) alternate infinite;
}

.box3 .tipcon {
	width: 77%;
	display: block;
	margin: 0 auto;
	line-height: .5rem;
}

.box5 ul {
	width: 80%;
	margin: 0 auto;
	list-style: none;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: stretch;
	justify-content: space-between;
	align-items: center;

	padding-left: 0px;

}

.box5 ul img {
	width: 2rem;
	margin: .5rem 0 .5rem 0;
}

.aimg {
	  display: block;
	      width: 90%;
	      margin: 0 auto;
	      border: 0.02rem solid #f44336;
	      color: black;
	      text-decoration: none;
	      background: #fff;
	      border-radius: .2rem;
	      height: 1.5rem;
}

.aimg img {
	width: 1.2rem;
	padding: .2rem;
	float: left;
}

.aimg_dow {
	float: left;
	    width: 3rem;
	    color: #000;
	    margin-top: .1rem;
	    line-height: .7rem;
}

.aimg_dow span {
	display: block;
}
.dowspan{
	 line-height: 1.7rem;
	     border: .02rem solid #fe2374;
	     padding: .1rem;
	     border-radius: .1rem;
	     text-align: center;
	     font-family: fangsong;
}
.red{
	 color: red;
}
.yellow{
	 color: yellow;
}
.app_{
	
	    font-size: .36rem;
	    color: #494949;
	    font-weight: 700;
	    letter-spacing: .03rem;
	
}